<div class="comic-panel">
  <div class="comic-caption-top">刚入公司...</div>
  <svg width="300" height="500">
    <g class="comicgen" name="holmes" angle="sitting" emotion="smile" pose="handsfolded" x="-80" y="0" scale="0.64"></g>
    <g class="comicgen" name="deynuovo" angle="straight" emotion="confused" pose="thinking" x="140" y="76" scale="0.54"></g>
    <g class="comicgen" name="speechbubbles" speechbubble="speechone" x="29" y="-136" scale="1"></g>
    <p class="comic-speech" style="top:4%;left:28%;width:60%;">好好干，等公司上市了，不会亏待任何一个员工，升职，加薪，股权...</p>
  </svg>
</div>


<div class="comic-panel">
  <div class="comic-caption-top">2年后，升职加薪一样没有，提离职...</div>
  <svg width="300" height="500">
    <g class="comicgen" name="holmes" angle="sitting" emotion="hmm" pose="pointingright" x="62" y="55" scale="0.64" mirror="mirror"></g>
    <g class="comicgen" name="deynuovo" angle="side" emotion="hmm" pose="leftturn" x="-80" y="76" scale="0.54" mirror="mirror"></g>
    <g class="comicgen" name="speechbubbles" speechbubble="speechone" x="-238" y="-156" scale="1.14" mirror="mirror"></g>
    <p class="comic-speech" style="top:4%;left:28%;width:64%;">小吴啊，你这两年的付出我心里清楚，你要和公司一起共患难，等公司有起色了，我一定给你升职加薪...</p>
  </svg>
</div>

<div class="comic-panel">
  <div class="comic-caption-top">又过一年...</div>
  <svg width="300" height="500">
    <g class="comicgen" name="holmes" angle="straight" emotion="shout" pose="holdingmobile" x="-120" y="0" scale="0.64"></g>
    <g class="comicgen" name="deynuovo" angle="straight" emotion="worried" pose="handsinpocket" x="100" y="76" scale="0.54"></g>
    <g class="comicgen" name="speechbubbles" speechbubble="speechone" x="29" y="-136" scale="1"></g>
    <p class="comic-speech" style="top:4%;left:28%;width:60%;">最近公司业绩好比较忙，你先回去好好干，过段时间再说...</p>
  </svg>
</div>

<div class="comic-panel">
  <div class="comic-caption-top">几个月后，无人问津，独自悄然离去...</div>
  <svg width="300" height="500">
    <g class="comicgen" name="deynuovo" angle="side" emotion="hmm" pose="leftturn" x="86" y="63" scale="0.2"></g>
    <g transform="scale(0.1) translate(200,420)">
      <path d="M469.14225,369.461c0,123.61-73.4842,166.77-164.13156,166.77s-164.13156-43.16-164.13156-166.77S305.01069,88.59954,305.01069,88.59954,469.14225,245.851,469.14225,369.461Z" transform="translate(-140.87913 -88.59954)" fill="#32a2a2"></path>
      <polygon points="158.153 428.723 159.833 325.273 229.79 197.289 160.097 309.044 160.852 262.528 209.067 169.934 161.052 250.219 161.052 250.219 162.412 166.559 214.04 92.842 162.625 153.403 163.474 0 158.138 203.078 158.576 194.701 106.085 114.354 157.735 210.783 152.844 304.217 152.698 301.737 92.185 217.184 152.515 310.498 151.903 322.183 151.794 322.359 151.844 323.318 139.435 560.368 156.014 560.368 158.003 437.927 218.185 344.842 158.153 428.723" fill="#3f3d56"></polygon>
    </g>
    <g transform="scale(0.2) translate(10,330)">
      <path d="M874.27224,738.18676c18.00121-4.97252,25.683,22.36344,7.72721,27.49481C863.99909,770.6539,856.31729,743.31793,874.27224,738.18676Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
      <path d="M974.07963,703.00347c18.00121-4.97253,25.683,22.36344,7.72722,27.4948C963.80649,735.47061,956.12469,708.13464,974.07963,703.00347Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
      <path d="M833.87862,449.87926l.27833-.07825,46.36669,125.882,6.113-1.71826L839.93746,447.17986v0a8.57441,8.57441,0,0,0-7.17112-8.01756c-23.188-3.6667-32.58718,16.917-32.58718,16.917l.09278.13684,47.40454,128.69934,6.113-1.7182L807.78,458.28471C821.78683,444.43077,833.87862,449.87926,833.87862,449.87926Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
      <path d="M887.01949,745.26805a31.06163,31.06163,0,0,1-29.45166-22.0332c-8.84912-28.96484-29.729-98.36524-32.4956-117.19922-3.602-24.52246,16.69531-31.49609,17.14746-31.64551.54639-.18359,8.707-2.46777,20.00146-5.6289,19.19922-5.37305,48.21289-13.49317,49.2793-13.97266a34.56208,34.56208,0,0,1,27.57715,2.12988,36.09431,36.09431,0,0,1,17.92578,22.11426l29.86524,106.25293a28.72434,28.72434,0,0,1-15.22315,33.72266c-23.04394,11.07129-56.84131,25.83984-84.17187,26.25683C887.32272,745.26708,887.16988,745.26805,887.01949,745.26805Z" transform="translate(-138.5 -131.19774)" fill="#6c638f"></path>
    </g>
  </svg>
</div>